<template>
  <div class="about">
    <div class="nav">
      <navbar :msg="falses"  ></navbar>
    </div>
    <!-- <br> -->
    <div class="top">
      <topbar @change="changes"></topbar>
    </div>
    <router-view />
  </div>
</template>
<script src="../store/1.js">
</script>
<script>
import dataList from "../views/mock.vue";
// 菜单组件
import navbar from "../components/nav.vue";
// 顶部组件
import topbar from "../components/top.vue";

export default {
  name: "about",
  data() {
    return {
      falses: false,
    };
  },
  components: {
    dataList,
    navbar,
    topbar,
  },
  mounted() {
    // this.getUserNanme();
  },
  methods: {
    // change() {
    //   return false
    // },
    changes(){
      this.falses=!this.falses
      console.log("11")
    }
  },
};
</script>
<style scoped>

.user {
  /* border:1px red solid; */
  display: inline-block;
  width: 18%;
  height: 40px;
  line-height: 40px;
  position: absolute;
  right: 30px;
  top: 10px;
}

.top {
  border: 1px red solid;
  height: auto;
}
.nav{
  float: left;
}
</style>
